<!DOCTYPE html>
<html>
<head>
<title>Gallery</title>
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<link href='http://fonts.useso.com/css?family=Open+Sans:400,300,600,700,800' rel='stylesheet' type='text/css'>
<link href='http://fonts.useso.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic' rel='stylesheet' type='text/css'>
<link href='http://fonts.useso.com/css?family=Raleway:400,100,200,300,500,600,700,800,900' rel='stylesheet' type='text/css'>
<link href='http://fonts.useso.com/css?family=Playball' rel='stylesheet' type='text/css'>
<!-- js -->
<script src="js/jquery-1.11.1.min.js"></script>
<!-- //js -->
<!-- for-mobile-apps -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Matrimony Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template, 
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false);
		function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- //for-mobile-apps -->
<!-- start-smoth-scrolling -->
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<script type="text/javascript">
	jQuery(document).ready(function($) {
		$(".scroll").click(function(event){		
			event.preventDefault();
			$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
		});
	});
</script>
<!-- start-smoth-scrolling -->
</head>

<body>
<!-- banner -->
	<div id="home" class="header">
		<div class="container">
		<div class="logo-left">
			<span class="menu"><img src="images/menu.png" alt=" "/></span>
					<ul class="nav1">
						<li><a href="index.html">Home</a></li>
						<li><a href="index.html">About Us</a></li>
						<li><a href="index.html">Wedding</a></li>
						<li><a href="team.html">Team</a></li>
						<li class="cap"><a href="gallery.html">Gallery</a></li>
						<li><a href="blog.html">Blog</a></li>
						<li><a href="contact.html">Contact</a></li>
					</ul>
		</div>
		<div class="logo">
			<a href="index.html"><span>M</span>atrimony</a>
		</div>
		<div class="clearfix"> </div>
		</div>
	</div>
		<!-- script for menu -->
					<script> 
						$( "span.menu" ).click(function() {
						$( "ul.nav1" ).slideToggle( 300, function() {
						 // Animation complete.
						});
						});
					</script>
		<!-- //script for menu -->
<!-- //banner -->
<!-- gallery -->
	<div class="banner-bottom1 gallery1">
		<div class="container">
			<div class="couple-names couple-names-gallery">
				<div class="gallery">
					<h3>Gallery</h3>
					<div class="gallery-grids">
						<div class="col-md-3 gallery-grid">
							<a href="images/10-.jpg" class="b-link-stripe b-animate-go   swipebox"  title="">
								<img class="one" src="images/10.jpg" alt=" " />
								<div class="b-wrapper">
									<h2 class="b-animate b-from-left    b-delay03 ">
										<img class="img-responsive" src="images/search.png" class="zoom" alt=""/>
									</h2>
								</div>
							</a>
						</div>
						<div class="col-md-3 gallery-grid">
							<a href="images/11-.jpg" class="b-link-stripe b-animate-go   swipebox"  title="">
								<img class="one" src="images/11.jpg" alt=" " />
								<div class="b-wrapper">
									<h2 class="b-animate b-from-left    b-delay03 ">
										<img class="img-responsive" src="images/search.png" class="zoom" alt=""/>
									</h2>
								</div>
							</a>
						</div>
						<div class="col-md-3 gallery-grid">
							<a href="images/12-.jpg" class="b-link-stripe b-animate-go   swipebox"  title="">
								<img class="one" src="images/12.jpg" alt=" " />
								<div class="b-wrapper">
									<h2 class="b-animate b-from-left    b-delay03 ">
										<img class="img-responsive" src="images/search.png" class="zoom" alt=""/>
									</h2>
								</div>
							</a>
						</div>
						<div class="col-md-3 gallery-grid">
							<a href="images/13-.jpg" class="b-link-stripe b-animate-go   swipebox"  title="">
								<img class="one" src="images/13.jpg" alt=" " />
								<div class="b-wrapper">
									<h2 class="b-animate b-from-left    b-delay03 ">
										<img class="img-responsive" src="images/search.png" class="zoom" alt=""/>
									</h2>
								</div>
							</a>
						</div>
						<div class="clearfix"> </div>
					</div>
					<div class="gallery-grids">
						<div class="col-md-3 gallery-grid">
							<a href="images/16-.jpg" class="b-link-stripe b-animate-go   swipebox"  title="">
								<img class="one" src="images/16.jpg" alt=" " />
								<div class="b-wrapper">
									<h2 class="b-animate b-from-left    b-delay03 ">
										<img class="img-responsive" src="images/search.png" class="zoom" alt=""/>
									</h2>
								</div>
							</a>
						</div>
						<div class="col-md-3 gallery-grid">
							<a href="images/15-.jpg" class="b-link-stripe b-animate-go   swipebox"  title="">
								<img class="one" src="images/15.jpg" alt=" " />
								<div class="b-wrapper">
									<h2 class="b-animate b-from-left    b-delay03 ">
										<img class="img-responsive" src="images/search.png" class="zoom" alt=""/>
									</h2>
								</div>
							</a>
						</div>
						<div class="col-md-3 gallery-grid">
							<a href="images/14-.jpg" class="b-link-stripe b-animate-go   swipebox"  title="">
								<img class="one" src="images/14.jpg" alt=" " />
								<div class="b-wrapper">
									<h2 class="b-animate b-from-left    b-delay03 ">
										<img class="img-responsive" src="images/search.png" class="zoom" alt=""/>
									</h2>
								</div>
							</a>
						</div>
						<div class="col-md-3 gallery-grid">
							<a href="images/banner1-.jpg" class="b-link-stripe b-animate-go   swipebox"  title="">
								<img class="one" src="images/banner1.jpg" alt=" " />
								<div class="b-wrapper">
									<h2 class="b-animate b-from-left    b-delay03 ">
										<img class="img-responsive" src="images/search.png" class="zoom" alt=""/>
									</h2>
								</div>
							</a>
						</div>
						<div class="clearfix"> </div>
					</div>
					<div class="gallery-grids">
						<div class="col-md-3 gallery-grid">
							<a href="images/13-.jpg" class="b-link-stripe b-animate-go   swipebox"  title="">
								<img class="one" src="images/13.jpg" alt=" " />
								<div class="b-wrapper">
									<h2 class="b-animate b-from-left    b-delay03 ">
										<img class="img-responsive" src="images/search.png" class="zoom" alt=""/>
									</h2>
								</div>
							</a>
						</div>
						<div class="col-md-3 gallery-grid">
							<a href="images/12-.jpg" class="b-link-stripe b-animate-go   swipebox"  title="">
								<img class="one" src="images/12.jpg" alt=" " />
								<div class="b-wrapper">
									<h2 class="b-animate b-from-left    b-delay03 ">
										<img class="img-responsive" src="images/search.png" class="zoom" alt=""/>
									</h2>
								</div>
							</a>
						</div>
						<div class="col-md-3 gallery-grid">
							<a href="images/banner-.jpg" class="b-link-stripe b-animate-go   swipebox"  title="">
								<img class="one" src="images/banne.jpg" alt=" " />
								<div class="b-wrapper">
									<h2 class="b-animate b-from-left    b-delay03 ">
										<img class="img-responsive" src="images/search.png" class="zoom" alt=""/>
									</h2>
								</div>
							</a>
						</div>
						<div class="col-md-3 gallery-grid">
							<a href="images/11-.jpg" class="b-link-stripe b-animate-go   swipebox"  title="">
								<img class="one" src="images/11.jpg" alt=" " />
								<div class="b-wrapper">
									<h2 class="b-animate b-from-left    b-delay03 ">
										<img class="img-responsive" src="images/search.png" class="zoom" alt=""/>
									</h2>
								</div>
							</a>
						</div>
						<div class="clearfix"> </div>
					</div>
				</div>
			</div>
		</div>
	</div>
			<link rel="stylesheet" href="css/swipebox.css">
				<script src="js/jquery.swipebox.min.js"></script> 
					<script type="text/javascript">
						jQuery(function($) {
							$(".swipebox").swipebox();
						});
					</script>
<!-- //gallery -->
<!-- footer -->
	<div class="footer">
		<div class="container">
			<div class="footer-left">
				<p>Copyright &copy; 2015.Company name All rights reserved.More Templates <a href="http://www.cssmoban.com/" target="_blank" title="模板之家">模板之家</a> - Collect from <a href="http://www.cssmoban.com/" title="网页模板" target="_blank">网页模板</a></p>
			</div>
			<div class="footer-right">
				<ul>
					<li><a href="#" class="facebook"></a></li>
					<li><a href="#" class="twitter"></a></li>
					<li><a href="#" class="g-plus"></a></li>
					<li><a href="#" class="in"></a></li>
					<li><a href="#" class="p"></a></li>
				</ul>
			</div>
			<div class="clearfix"> </div>
			<div class="footer-pos">
				<a href="#home" class="scroll"><span> </span></a>
			</div>
		</div>
	</div>
<!-- //footer -->
</body>
</html>